import React from 'react'
import '../css/bootstrap.css'
import '../css/container.less'
import Slider from '../utils/slider/slider'
import Content from './content/content'

const IMAGE_DATA = [
    {
        src: require('./../images/gundong/0.jpg'),
        alt: 'images-1',
    },
    {
        src: require('./../images/gundong/1.jpg'),
        alt: 'images-2',
    },
    {
        src: require('./../images/gundong/0.jpg'),
        alt: 'images-3',
    },
];
class Container extends React.Component{
    render(){
        return(
            <div className="container main-container ">

                <Slider
                    items={IMAGE_DATA}
                    speed={1.2}
                    delay={2.1}
                    pause={true}
                    autoplay={true}
                    dots={true}
                    arrows={true}
                />
                <Content/>
            </div>
        )
    }
}
export default Container